<template>
    <div class="container iframe_body">
        <div class="paramsManageMain">
            <div
                class="midlePage iframe_body_main"
                v-loading="iframeFlag"
                element-loading-background="rgba(255, 255, 255, 0.7)"
            >
                <iframe
                    id="submitIframe"
                    class="submitIframeStyle"
                    name="submitIframe"
                    frameborder="0"
                    width="100%"
                    height="100%"
                ></iframe>
            </div>
        </div>
    </div>
</template>

<script>
import { mapGetters } from 'vuex'
import { getDictSelectList, closePage } from '@/utils/Common';
import { getToken, getTokenHsbankNo } from '@/utils/auth';

export default {
    name: 'midlePages',
    data() {
        return {
            iframeFlag: true,
            iframeSrc: '',
            MParams: '',
            idtype: '',
        };
    },
    computed: {
        ...mapGetters([
            'cardList_3601',
            'cardInfo_3004',
            'customerInfo_3002', // 客户信息 3002
            'currentSessionObj', // 电话件化
            'CreditCardService_3014',
        ]),
    },
    async mounted() {
        await this.initFun();
        this.MParams = this.$route.params.id;

        console.log(this.$route.params, 'm');
        // await this.getIframeFun();
        this.setPageValue();
        // this.getpagesRouter();
    },

    methods: {
        // 拼接页面 URL
        async initFun() {
            this.idtype = await getDictSelectList('IDTYPE', this);
        },
        // 获取证件类型
        filterKetype(value) {
            value = (`${value}`).trim();
            for (let index = 0; index < this.idtype.length; index++) {
                const element = this.idtype[index];
                if (element.code === value) {
                    return element.label;
                }
            }
        },
        // 设置页面字段
        async setPageValue() {
            const userInfo = JSON.parse(getToken());

            console.log('userInfo', userInfo);
            // const params = JSON.parse(sessionStorage.getItem('serviceData')) || {};
            const iframeSrcS = `/ccwf/com.cupd.crs.model.submit.d?WFTYPECODE=${this.MParams}`;
            // this.iframeSrc = `/ccwf/com.cupd.crs.model.submit.d?WFTYPECODE=${this.MParams}`;
            // // 创建一个表单
            const form = document.createElement('form');
            form.action = iframeSrcS;
            form.method = 'post';
            form.target = '_blank';
            // form.target = 'submitIframe'
            form.enctype = 'UTF-8'
            form.style.display = 'none';
            const data = {
                USERID: userInfo.userAccount, // 受理坐席
                // BANKACCT: params.bankNum, // 银行号
                BANKACCT: getTokenHsbankNo('HsbankNo'), // 银行号
                CUSTNAME: encodeURIComponent(this.customerInfo_3002.CHINAME) || '', // 客户名称
                // CARDADDRESS:'',// 联系地址
                CREDITNO: this.cardInfo_3004.CARDNO ? this.cardInfo_3004.CARDNO.trim() : '', // 卡号
                WSTYPECODE: this.MParams || '', // 工单类型
                // WSTYPECODE: '1001', // 工单类型    
                CUSTTELIN: this.currentSessionObj.ani || '', // 客户来电
                CUSTSEX: this.customerInfo_3002.GENDER, // 客户性别
                CUSTCERTTYPE: this.customerInfo_3002.KEYTYPE ? this.customerInfo_3002.KEYTYPE.trim() : '', // 证件类型
                CUSTCERTNO: this.customerInfo_3002.CUSTID || '', // 证件号码
                MOBILE: this.customerInfo_3002.MOBILEPHONE ? this.customerInfo_3002.MOBILEPHONE.trim() : '', // 预留手机号
                CALLID: userInfo.userAccount || '', // 座席系统CallID
                BILLEMAIL: this.CreditCardService_3014.EMAIL ? this.CreditCardService_3014.EMAIL.trim() : '', // 客户邮箱
                BILLADD: encodeURIComponent(this.CreditCardService_3014.ADD1 + ' ' + this.CreditCardService_3014.ADD2 + '' + this.CreditCardService_3014.ADD3 + '' + this.CreditCardService_3014.ADD4), // 账单地址
                POSTCODE: '', // 客户有邮编
                PRODUCT: '', // 卡组织
                TRANSLIST: '', // 普通类型与争议类型不同，格式不固定
                TRANSDESC: '', // 交易描述（中文）、产品描述（中文）
                CARDSTATE: this.cardInfo_3004.CARDSTAT, // 卡片状态
                CHGDATE: '', // 状态更改日期 例：20150909
                CUSTRREF: '', // 客户编号
                INPUTDATE: '', // 录入日期：20150909
                AUDITDATE: '', // 审核日期：20150909
                BARCODE: '', // 条形码
                CASECODE: '', // 原因代码
                MAINTAG: this.cardInfo_3004.MAFLAG, // 主附卡标志
                APPLYSTATE: '', // 申请状态
                CREATEDATE: '', // 制卡日期：20150909
                AMOUNT: '', // 额度，例如：当前额度
                APPAMOUNT: '', // 申请额度
                CONTRACT: '', // 16位合同号 汇丰等同 借据号
                UUID: '', // 客户号
            };
            console.log('data', data);
            for (const key in data) {
                const input = document.createElement('input');
                input.name = key;
                input.style.display = 'none';
                input.value = data[key];
                form.appendChild(input);
            }
            document.body.appendChild(form);
            form.submit();
            // document.body.removeChild(form);
            // sessionStorage.setItem('loadNum', '0');
            // this.iframeFlag = false;
            // console.log(window.location, '2222222222222');
            // this.$router.push({ path: '/businessSystem/defaultPageItem', });
            // 新的页面打开后 关闭当前打开的页面
            closePage(this.$route, this, 2);
        },


    },
};
</script>

<style lang="scss" scoped>
.iframe_body_main {
    height: 85vh;
    min-height: 600px;
    .submitIframeStyle {
        height: 100%;
    }
}
</style>
